<template>
    <BaseEcharts :chatsOption="chatsOption"></BaseEcharts>
</template>

<script>
    import BaseEcharts from "../../../components/common/Cahrts/coreEcharts"

    export default {
        components: {
            BaseEcharts
        },
        data(){
            return {
                chatsOption:{
                    color:["#006BFE","#91CC77","#F8C859","#ED6767","#FA8453","#39A372","#71C0DE","#E97CCE"],
                    tooltip:{
                        show:true,
                        borderWidth:4,
                        borderColor:"#48AFFF",
                        backgroundColor:"#010541",
                        padding:20,
                        extraCssText:"border-radius:20px;",
                        textStyle:{
                            fontSize:60,
                        }
                    },
                    series: [{
                        type: 'treemap',
                        left:0,
                        right:0,
                        top:20,
                        bottom:20,
                        roam : false,
                        nodeClick:false,
                        breadcrumb:{
                            show:false,
                        },
                        itemStyle:{
                            gapWidth:3
                        },
                        label:{
                            show:true,
                            fontSize:20,
                            ellipsis: true,
                        },
                        data: [
                            {
                                name: '人口信息数据库',            // First tree
                                value: 333,
                            },
                            {
                                name: '法人单位信息',            // Second tree
                                value: 210,
                            },
                            {
                                name: '自然资源和空间地理',            // Second tree
                                value: 120,
                            },
                            {
                                name: '人口信息数据库',            // First tree
                                value: 433,
                            },
                            {
                                name: '宏观经济基础信息',            // Second tree
                                value: 220,
                            },
                            {
                                name: '宏观经济基础信息',            // Second tree
                                value: 230,
                            },
                            {
                                name: '宏观经济基础信息',            // Second tree
                                value: 220,
                            },
                            {
                                name: '法人单位信息',            // Second tree
                                value: 210,
                            }
                        ]
                    }]
                }
            }
        }

    }
</script>
